	<link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/application/admin/materials/specs/specs.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Admin &rarr; <span>Departments</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			<p>&nbsp;</p>
			
			<!-- Categories -->
			<div id="search" class="leading clearfix">



				
				<!-- Categories Table -->
				<div id="report" class="column width8">
					
					

							<a id="link_new_spec" href="#popup_new_department" class="btn nyroModal new-entry align-right"><span class="icon icon-add">&nbsp;</span>New Department</a>
							
							
							<div class="dataTables_wrapper">

								<div class="inner-width8 first">
									<table id="spec_list" class="display stylized full">
										<thead>
											<th class="action-column">&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
										</thead>
										<tbody>
											<tr class="gradeA odd">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Liquid Production</td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Inventory</td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA odd">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Human Resources</td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Fresh Fruit</td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											<tr class="gradeA odd">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Engineering Mech</td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Construction</td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											</tr>
											<tr class="gradeA odd">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Junkyark</td>
												<td></td>
												<td></td>
											</tr>
											<tr class="gradeA even">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>GMP</td>
												<td></td>
												<td>&nbsp;</td>
											</tr>
											</tr>
											<tr class="gradeA odd">
												<td>
													<a href="#popup_new_department" class="nyroModal" rev="modal"><span class="icon icon-pencil" title="Edit">&nbsp;</span></a>
													<a href="#"><span class="icon icon-delete" title="Delete">&nbsp;</span></a>
												</td>
												<td>Dry Production</td>
												<td></td>
												<td></td>
											</tr>

										</tbody>
										<tfoot>
											<th class="action-column">&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
											<th>&nbsp;</th>
										</tfoot>
									</table>
								</div>
								<!-- End of Report table - Leaves -->


							</div>

						
				</div>
				<!-- End of Report Result -->
				
			</div>
			<!-- End of Reports -->
			
		 </div>
		 <!-- End of Wrapper -->
		
	</div>
	<!-- End of Page content -->

	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/admin/materials/specs/specs.js"></script>
	<script>
		$('.icon-delete').click(function(){
			if (confirm('Are you sure you want to delete this Department?')) {
				alert('There are Users who are currently members of this Department. Deletion is not permitted unless those Users are either deleted or are removed from this Department.');
			}
			return false;
		});
	</script>